@-webkit-keyframes slide-right-in {
  0% {
    transform: translateX(0.4rem);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes slide-right-in {
  0% {
    transform: translateX(0.4rem);
  }

  to {
    transform: translateX(0);
  }
}

@-webkit-keyframes slide-left-in {
  0% {
    transform: translateX(-0.4rem);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes slide-left-in {
  0% {
    transform: translateX(-0.4rem);
  }

  to {
    transform: translateX(0);
  }
}

@-webkit-keyframes slide-up-in {
  0% {
    transform: translateY(-0.4rem);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes slide-up-in {
  0% {
    transform: translateY(-0.4rem);
  }

  to {
    transform: translateY(0);
  }
}

@-webkit-keyframes slide-down-in {
  0% {
    transform: translateY(0.4rem);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes slide-down-in {
  0% {
    transform: translateY(0.4rem);
  }

  to {
    transform: translateY(0);
  }
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@-webkit-keyframes arrow {
  0% {
    opacity: 0;
  }

  33% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes arrow {
  0% {
    opacity: 0;
  }

  33% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes arrow1 {
  0% {
    opacity: 0;
  }

  33% {
    opacity: 1;
  }

  80% {
    opacity: 0;
  }
}

@keyframes arrow1 {
  0% {
    opacity: 0;
  }

  33% {
    opacity: 1;
  }

  80% {
    opacity: 0;
  }
}

@-webkit-keyframes arrow2 {
  0% {
    opacity: 0;
  }

  33% {
    opacity: 1;
  }

  40% {
    opacity: 0;
  }
}

@keyframes arrow2 {
  0% {
    opacity: 0;
  }

  33% {
    opacity: 1;
  }

  40% {
    opacity: 0;
  }
}
@keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  to {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate(0);
  }

  40%,
  43% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -0.3rem, 0);
  }

  70% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -0.15rem, 0);
  }

  90% {
    transform: translate3d(0, -0.04rem, 0);
  }
}
